<template>
  <div class="add-container flex items-center justify-center" @click="$emit('click')">
    <q-icon class="iconfont icontubiao-39" style="font-size: 48px;"/>
    {{title}}
  </div>
</template>

<script>
export default {
  name: 'add-icon',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="stylus">
.add-container
  width 140px
  height 140px
  background #FEFEFE
  border 2px dashed #999999
  color #999999
  border-radius 6px
  flex-direction column
  cursor pointer
</style>
